From db70ec96662a5f71ce630801cd8c424ea03d3efa Mon Sep 17 00:00:00 2001 From: Matthias Clasen Date: Sun, 8 Nov 2015 20:59:55 -0500 Subject: [PATCH] HighContrast: Update notebook styling Some fixes for arrows and for headers. --- gtk/theme/HighContrast/_common.scss | 9 ++++++- gtk/theme/HighContrast/gtk.css | 42 ++++++++++++++++++----------- 2 files changed, 34 insertions(+), 17 deletions(-) diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss index 0cfbf23258..c894b20141 100644 --- a/gtk/theme/HighContrast/_common.scss +++ b/gtk/theme/HighContrast/_common.scss @@ -1239,7 +1239,7 @@ notebook { border: 1px solid $borders_color; &:backdrop { border-color: $backdrop_borders_color; } } - &.header { + & header { // FIXME: double borders in some case, can't fix it w/o a class tho // FIXME: doesn't work on dark var background-color: mix($bg_color, $borders_color, 70%); @@ -1280,6 +1280,13 @@ notebook { background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%); box-shadow: none; } + & tabs arrow { + color: $insensitive_fg_color; + &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } + &:active { color: $fg_color; } + &:insensitive { color: transparentize($insensitive_fg_color,0.7); } + &:backdrop { color: transparentize($backdrop_fg_color,0.6); } + } } //vertical tab sizing $vt_vpadding: 8px; diff --git a/gtk/theme/HighContrast/gtk.css b/gtk/theme/HighContrast/gtk.css index 6fc2228688..b51f4ee51e 100644 --- a/gtk/theme/HighContrast/gtk.css +++ b/gtk/theme/HighContrast/gtk.css @@ -1376,39 +1376,49 @@ notebook { border: 1px solid gray; } notebook.frame:backdrop { border-color: #8d8d8d; } - notebook.header { + notebook header { background-color: #d9d9d9; } - .frame notebook.header { + .frame notebook header { border: 1px solid gray; } - .frame notebook.header.top { + .frame notebook header.top { border-bottom-width: 0; } - .frame notebook.header.bottom { + .frame notebook header.bottom { border-top-width: 0; } - .frame notebook.header.right { + .frame notebook header.right { border-left-width: 0; } - .frame notebook.header.left { + .frame notebook header.left { border-right-width: 0; } - .frame notebook.header:backdrop { + .frame notebook header:backdrop { border-color: #8d8d8d; } - notebook.header.top { + notebook header.top { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px gray; } - notebook.header.top:backdrop { + notebook header.top:backdrop { box-shadow: inset 0 -1px #8d8d8d; } - notebook.header.bottom { + notebook header.bottom { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px gray; } - notebook.header.bottom:backdrop { + notebook header.bottom:backdrop { box-shadow: inset 0 1px #8d8d8d; } - notebook.header.right { + notebook header.right { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 gray; } - notebook.header.right:backdrop { + notebook header.right:backdrop { box-shadow: inset 1px 0 #8d8d8d; } - notebook.header.left { + notebook header.left { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 gray; } - notebook.header.left:backdrop { + notebook header.left:backdrop { box-shadow: inset -1px 0 #8d8d8d; } - notebook.header:backdrop { + notebook header:backdrop { background-color: #d7d7d7; box-shadow: none; } + notebook header tabs arrow { + color: gray; } + notebook header tabs arrow:hover { + color: #404040; } + notebook header tabs arrow:active { + color: #000; } + notebook header tabs arrow:insensitive { + color: rgba(128, 128, 128, 0.3); } + notebook header tabs arrow:backdrop { + color: rgba(0, 0, 0, 0.4); } notebook header.top tab { padding: 8px 20px; border-bottom-width: 3px; } -- 2.30.2